<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>brand-2</title>
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/brand2.css">
</head>

<body>
  <!-- 头部 -->
  <div class="header">
    <div class="mmb_header">
      <h1>
        <a href="javascript:;">
          <img src="../images/header_logo.png">
        </a>
      </h1>
      <div>
        <a href="javascript:;">
          <img src="../images/header_app.png">
        </a>
      </div>
    </div>
    <div class="mmb_search">
      <form action="">
        <input type="search" value="请输入你想比价的商品">
        <button>搜索</button>
      </form>
    </div>
  </div>
  <!-- 撑开 -->
  <div class="nothing"></div>
  <!-- 面包屑 -->
  <div class="breadcrumbs">
    <a href="../index.html">首页</a>><a href="../pages/brandTitle.html">品牌大全</a>
  </div>
  <!-- 产品品牌排行 -->
  <div class="headline">十大品牌排行</div>
  <div class="brandbox">
    <ul>
      <li>
        <a href="#">
          <span class="sort">1</span>
          <div class="inner">
            <p class="brandname">海信</p>
            <p class="brandInfo">1888件</p>
          </div>
          <span class="icon">＞</span>
        </a>
      </li>
    </ul>
  </div>
</body>

</html>
<script type="text/template" id="brandNameTemp">
  {{each $data as value index}}
  <li>
    <a href="./brand3.html?brandtitleid={{value.brandTitleId}}">
      <span class="sort">{{index+1}}</span>
      <div class="inner">
        <p class="brandname">{{value.brandName}}</p>
        <p class="brandInfo">{{value.brandInfo}}</p>
      </div>
      <span class="icon">＞</span>
    </a>
  </li>
  {{/each}}
</script>

<script src="../lib/template.js"></script>
<script src="../lib/zepto.js"></script>
<script src="../lib/ajax.js"></script>
<script src="../js/brand2.js"></script>